<!DOCTYPE HTML>
<html>
	<head>
		<script type="text/javascript">
		function goHome()
		{
			window.location = "home.htm";
		}
		</script>
		<style type="text/css">
			/*sets defaults(center,color, etc.) for all labels on this page only*/
			label{ 
				font-size:large;
				float: left;
				width:15%;
				text-align:justify;
				padding-left:1em;
				margin-left:30%;
			}
			/*sets defaults for h1 on this page only*/
			h1{
				font-size: xx-large;
				font-family: Georgia;
				color: #00688B;
			}
			/*sets color for break line*/
			hr{
				color:#00688B;
			}
			/*creates the container(white part of page) and sets border*/
			#loginsec
			{
				margin-left:10%;
				margin-right:10%;
				margin-top:5%;
				margin-bottom:5%;
				
				border:solid;
				border-color:#00688B;
				border-width:thick;
				
				border-bottom-right-radius: 10% 5%;
				border-bottom-left-radius: 10% 5%;
				border-top-right-radius: 10% 5%;
				border-top-left-radius: 10% 5%;
				
				-moz-border-radius-bottomleft: 10% 5%;
				-moz-border-radius-bottomright: 10% 5%;
				-moz-border-radius-topleft: 10% 5%;
				-moz-border-radius-topright: 10% 5%;
			}
		</style>
		<link rel="stylesheet" type="text/css" href="default.css" />
		<title>Alfred Poole - Login</title>
	</head>
	<body>
		<!--creates container and gives it white color-->
		<div id = "loginsec" style="background-color: white;">
			<!--creates the title or header of the container-->
			<div id="header" style="margin-left: 40%; padding-top: 0">
				<h1>Alfred Poole</h1>	
			</div>
			
			<!--break line-->
			<hr style="width: 70%"/>
			
			<!--login info such as email, password, login button-->
			<div id = "body" style = "padding-top: 10%">
				<label><b>Email:</b></label>		
				<input type="email" name="emailadress" style = "width:20%"/>
			
				<br>
				<br>
			
				<label><b>Password:</b></label>		
				<input type="password" name="password" style = "width:20%"/>
				<br>
				<br>
			
				<label style="float: right; margin-right: 30%; margin-left:0; width: 15%; font-size: small"> New User? <a href = "http://127.0.0.1:8020/ez-notes/register.htm"><b> Click Here.</b></a></label>
				<input type="submit" value="Login!" onclick="goHome()" width = 10% style = "margin-left: 46%"/>
			</div>
			<!--the text on bottom-->
			<center><p style="color: #00688B; padding-bottom: 0; padding-top: 10%">About Us | Contact Us | A CarterAlverado Project</p></center>
		</div>
	</body>
</html>